import React from 'react';
/* 
  react组件一般有两个数据源

  state 组件自己私有的
  props 父组件传递进来的

  VUE react都是单向数据流 
  子组件不能直接修改父组件的数据

  父组件 调用 子组件中的 方法
  通过ref直接获取组件的方式去调用
  ref获取组件只能获取类组件 不能获取函数式组件

*/
class Child extends React.Component {
  state = {
    name: "重置的name"
  }
  f = () => {
    this.props.onWww(this.state.name)
    // this.props.qqq = 999
    // console.log(this);
  }
  render() {
    console.log(this.props)
    return <div className=''>
      <h2>子组件---{this.props.qqq}</h2>
      <button onClick={this.f}> 重置数据</button>
      {this.props.children  /**类似于 vue的插槽 */}
    </div>;
  }
}

export default Child